'use client';

import React from 'react';
import { Button } from 'antd';
import { useRouter } from 'next/navigation';
import { PageContainer } from '@ant-design/pro-components';
import { ArrowLeftOutlined } from '@ant-design/icons';
import TeamBillTable from '../components/TeamBillTable';

interface PageProps {
  params: {
    id: string;
  };
}

const TeamBillPage: React.FC<PageProps> = ({ params }) => {
  const router = useRouter();

  return (
    <PageContainer
      title={
        <div className="flex items-center gap-2">
          <Button 
            type="text" 
            icon={<ArrowLeftOutlined />} 
            onClick={() => router.back()}
          >
            返回
          </Button>
          <span>团队账单</span>
        </div>
      }
    >
      <div className="bg-white p-6 rounded-lg">
        <TeamBillTable teamId={params.id} />
      </div>
    </PageContainer>
  );
};

export default TeamBillPage; 